<?php
require 'config.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $g_config['title'] ?></title>
<meta name="title" content="<?php echo $g_config['title'] ?>"> 
<meta name="keywords" content="<?php echo $g_config['keywords'] ?>"> 
<meta name="description" content="<?php echo $g_config['description'] ?>" />
<link href="images_small/chess.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<!-- 左侧棋谱 -->
<div class="con01 flo_le">
	<h4 class="con04">
		<p class="flo_le" id="chess_title">标题:我做的棋盘</p>
		<p class="flo_ri" id="tishi">当前模式：普通模式</p>
		<div class="clear02"></div>
	</h4>
	<div class="clear"></div>
    <div class="con05">
    	<div class="con06" id="mb"><!--棋盘区域--></div>
    </div>
</div>
<!-- 演示 -->
<div class="con02 flo_le">
	<div class="con07">
		<h4 class="con07_2"><p class="con07_p">红方</p><p class="con07_p PN" id="now_H"></p></h4>
		<div class="clear"></div>
		<h4 class="con07_3"><p class="con07_p">黑方</p><p class="con07_p PN" id="now_B"></p></h4>
		<div class="clear"></div>
    </div>
    <div class="con08"></div>
    <div class="con10" id="qp"><!--棋谱区域--></div>
    <div class="con09"></div>
    <div class="con11">
    	<div class="con11_2 flo_le"><a href="javascript:;" title="开局" onclick="xx.first()"></a></div>
        <div class="con11_3 flo_le"><a href="javascript:;" title="後退" onclick="xx.prev()"></a></div>
        <div class="con11_4 flo_le"><a href="javascript:;" title="前進" onclick="xx.next()"></a></div>
        <div class="con11_5 flo_le"><a href="javascript:;" title="结束" onclick="xx.last()"></a></div>
        <div class="clear"></div>
    </div>
    <div class="con12">
		<select name="user_timer" id="user_timer">
			<option value="2000">2</option>
			<option value="3000">3</option>
			<option value="5000">5</option>
			<option value="10000">10</option>
			<option value="15000">15</option>
    	</select>
        <input type="button" value="自动" id="ding_shi" onclick="xx.dingshi(this)"/>
        <input type="button" value="试下" id="shi_xia" onclick="xx.shixia(this)"/>
    </div>
</div>
<div class="clear"></div>
<div class="clear20"></div>
<div class="chess flo_le"  id="chess_manual">
<?php
$selected = 0;
foreach($chess as $k => $v){
	echo "<h4>$k</h4>";
	if(!empty($v)){
		echo '<ul>';
		foreach($v as $title => $content){
			$selected = $selected++ === 0 ? 'class="selected"':'';
echo <<<END
		<li onclick="select_chess.change(this, $content[0])" value="$content[1]" $selected>$title</li>
END;
		}
		echo '</ul>';
	}
}
?>
</div>
<div class="clear20"></div>
<!--专有名词-->
<div class="term flo_le">
    <h3>术语(以下术语你知道多少?这些都是在下象棋的时候经常说的和用到的。)</h3>
	<ul>
<?php
foreach($term as $v){
	echo "<li>$v</li>";
}
?>

	</ul>
</div>

<div class="clear20"></div>
<!--有意思的截图-->
<div class="thumb flo_le">
	<h3>截图欣赏</h3>
<?php 
foreach($thumb as $title => $v){
	echo "<ul>";
	echo "<li><span>$title:</span>";
	$images = explode(',', $v);
	foreach($images as $image){
		echo "<img src='$image' />";
	}
	echo "</li>";
	echo "</ul>";
}
?>
	
</div>
</div>
<div class="clear20"></div>
</body>
</html>

<SCRIPT type="text/javascript" src="images/common.js"></SCRIPT>
<script src="http://s96.cnzz.com/stat.php?id=4924351&web_id=4924351&show=pic" language="JavaScript"></script>

